/* content */
#wrpContent{float:left; width:720px; margin:0 0 15px; border: none; background-color:transparent;
			/*box-shadow: 1px 1px 3px #ddd; 
			-moz-box-shadow: 1px 1px 3px #ddd; 
			-webkit-box-shadow: 1px 1px 3px #ddd;*/}
#wrpContent .items { background:#fff; border: 1px solid #ccc; margin:0 0 20px; float:left; width:100%;
					box-shadow: 1px 1px 3px #ddd; 
					-moz-box-shadow: 1px 1px 3px #ddd; 
					-webkit-box-shadow: 1px 1px 3px #ddd;
					-o-box-shadow: 1px 1px 3px #ddd; 
					-ms-box-shadow: 1px 1px 3px #ddd; 
				  }
#wrpContent .titleDetail{font-size:20px; padding:15px 20px; line-height:25px; text-align:justify;}
#wrpContent .viralTools {float: right; margin:0 0 5px 0;}
#wrpContent .titleDetail span{color:#FF9900}
#wrpContent .purchase {float: left; margin-bottom: 20px;}
#wrpContent .purchase  .leftCol{float:left; margin:0 0 0 10px;}
#wrpContent .purchase .infoDetail{ width:274px; margin:0 20px 0 10px; border:1px solid #ccc; 
								  border-radius: 8px;
								  -webkit-border-radius: 8px;
								  -moz-border-radius: 8px; 
								  -ms-border-radius: 8px;
								  -o-border-radius: 8px;
								  box-shadow: 0 0px 18px rgba(0,0,0,0.15) inset; 
								  -webkit-box-shadow: 0 0px 18px rgba(0,0,0,0.15) inset; 
								  -moz-box-shadow: 0 0px 18px rgba(0,0,0,0.15) inset;
								  -ms-box-shadow: 0 0px 18px rgba(0,0,0,0.15) inset;
								  -o-box-shadow: 0 0px 18px rgba(0,0,0,0.15) inset;}
#wrpContent .purchase .infoDetail .price{font-size:36px; font-weight:bold; color:#f00;width:100%; text-align:center; margin:15px 0 5px; line-height:30px;}
#wrpContent .purchase .infoDetail .btnBuy{margin:0 0 15px 55px;}
#wrpContent .purchase .infoDetail .btnBuy span{ width:135px; height:20px; display:block; text-align:center; padding:15px; color:#fff; font-size:25px; font-weight:bold; background-color:#5cb734;
											 -moz-border-radius: 8px; 
											 border-radius: 8px; 
											 -ms-border-radius: 8px; 
											 -o-border-radius: 8px; 
											 border-radius: 8px; 
											 -webkit-box-shadow: #666 0px 2px 3px; 
											 -moz-box-shadow: #666 0px 2px 3px;
											 -ms-border-radius: 8px; 
											 -o-border-radius: 8px; }
#wrpContent .purchase .infoDetail .truePrice{width:100%; font-size:18px; text-align:center; margin:0 0 5px; line-height:25px;}
#wrpContent .purchase .infoDetail .truePrice span{text-decoration:line-through;}
#wrpContent .purchase .infoDetail .infoWrapper{width:100%; text-align:center;font-size:14px;display: inline-block;}
#wrpContent .purchase .infoDetail .infoWrapper .safe, 
#wrpContent .purchase .infoDetail .infoWrapper .buyer{ float:left; padding:0 8px; border-right:1px solid #ccc;}
#wrpContent .purchase .infoDetail .infoWrapper .timeRemain{float:left; padding-left:8px}
#wrpContent .purchase .infoDetail .progessBar{margin:10px 10px 0; height: 10px; position: relative; background: #555; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; padding: 0;-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);-moz-box-shadow : inset 0 -1px 1px rgba(255,255,255,0.3);box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);}
#wrpContent .purchase .infoDetail .progessBar > span{display: block;height: 100%;-webkit-border-top-right-radius: 8px;-webkit-border-bottom-right-radius: 8px;-moz-border-radius-topright: 8px;-moz-border-radius-bottomright: 8px;border-top-right-radius: 8px;border-bottom-right-radius: 8px;-webkit-border-top-left-radius: 20px;-webkit-border-bottom-left-radius: 20px;-moz-border-radius-topleft: 20px;-moz-border-radius-bottomleft: 20px;border-top-left-radius: 20px;border-bottom-left-radius: 20px;background-color: rgb(43,194,83);background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(43,194,83)),color-stop(1, rgb(84,240,84)));background-image: -webkit-linear-gradient(center bottom,rgb(43,194,83) 37%,rgb(84,240,84) 69%);background-image: -moz-linear-gradient(center bottom,rgb(43,194,83) 37%,rgb(84,240,84) 69%);background-image: -ms-linear-gradient(center bottom,rgb(43,194,83) 37%,rgb(84,240,84) 69%);background-image: -o-linear-gradient(center bottom,rgb(43,194,83) 37%,rgb(84,240,84) 69%);	-webkit-box-shadow:inset 0 2px 9px  rgba(255,255,255,0.3),inset 0 -2px 6px rgba(0,0,0,0.4);-moz-box-shadow:inset 0 2px 9px  rgba(255,255,255,0.3),inset 0 -2px 6px rgba(0,0,0,0.4); position: relative; overflow: hidden;}
#wrpContent .purchase .infoDetail .fullView{padding:10px 0 10px 11px; text-align: center;}
#wrpContent .purchase  .download {float:left; margin: 6px 20px 0 0;}
#wrpContent .purchase  .download .smallItem {float:left; width:74px; margin: 8px 4px 0 20px;}
#wrpContent .purchase  .download .dlManufacture  {margin-left:8px;}
#wrpContent .purchase  .download .smallItem  a {display:block; text-align:center;}
#wrpContent .purchase  .download .smallItem  a span {display:block; text-align:center; color:#333;}


#wrpContent .purchase .photoDetail{float:left;}
#wrpContent .infoDetailCon {width:100%; padding:20px;}
#wrpContent .infoDetailCon .colInfo{width:330px; float:left}
#wrpContent .infoDetailCon .colInfo.first{margin-right:10px; }
#wrpContent .infoDetailCon .colInfo.last {border-left:1px solid #ccc; padding-left:20px;}
#wrpContent .infoDetailCon .colInfo h2 {font-size:20px; line-height:34px;}
#wrpContent .infoDetailCon .colInfo h3{font-size:14px; line-height:20px;}
#wrpContent .infoDetailCon ul{}
#wrpContent .infoDetailCon ul li{list-style-type: disc; line-height:20px; padding-bottom:5px; margin: 0 0 0 18px;}


 /* info place sell */
 #wrpContent .placeInfo {width:100%; float:left; background:#eee;}
 #wrpContent .leftPlace {float:left; width:180px; background:#eee; padding:10px; text-align:center;}
 #wrpContent .leftPlace .logo {width: 180px;}
 #wrpContent .leftPlace .title {line-height:25px;}
 #wrpContent .leftPlace .address {line-height:20px;} 
 #wrpContent .leftPlace .phone{line-height:20px;}
 #wrpContent .rightPlace {width:480px; float:left; padding:0 20px 20px; background:#fff;}
 #wrpContent .rightPlace h3{font-size: 20px; line-height: 24px; padding: 10px 0 5px; font-weight: bold;}
 #wrpContent .rightPlace img {margin:10px 0; width:480px}
 #wrpContent .rightPlace p {line-height:18px; text-align: justify;}
 #wrpContent .rightPlace p.end {font-style:italic; text-decoration:underline;padding-top:20px}
 /*google map */
#googleMap {width:480px; height:300px; margin:50px auto 5px;}
#wrpContent .rightPlace  .viewFullMap {text-align:center; margin:0; padding:0}

/*comment*/
#wrpContent .comment {background:#ddd; padding-bottom:20px;}
#wrpContent .comment .hdrTitle{font-size:18px; margin:15px 30px 5px 25px;}
#wrpContent .comment .hdrTitle .login{float:right; font-size:13px; font-weight:normal;}
#wrpContent .comment form {margin:0 0 15px 25px; }
#wrpContent .comment label {margin:10px 0 5px; display:inline-block; }
#wrpContent .comment .hdrTitle .login a:hover {text-decoration:underline;}
#wrpContent .comment .inputTitle{width:662px; height:22px; margin:0 3px 0 0;}
#wrpContent .comment textarea{width:660px; height:180px; margin:0 3px 0 0 ;}
#wrpContent .comment .required {color:#f00;}
#wrpContent .comment .btnComment{margin:10px 0 0;}	
#wrpContent .showComment {margin:15px 30px 5px 25px;}
#wrpContent .showComment h3 {font-size:14px; border-bottom:2px solid #ccc; padding-bottom:5px;}
#wrpContent .showComment h3 span{font-size:12px; float:right; font-weight:normal;}
#wrpContent .showComment h3 span a:hover {text-decoration:underline;}
#wrpContent .showComment .iComment{margin:10px 0 15px; border-bottom: 1px dotted #EEE; padding-bottom: 12px;}
#wrpContent .showComment .iComment.last {border-bottom: none; padding-bottom: 0;}
#wrpContent .showComment .iComment .cComment{}
#wrpContent .showComment .iComment .authorBy a:hover{text-decoration:underline;}
#wrpContent .showComment .iComment .hourPost{color:#aaa; display:inline-block; margin-left:10px;}

/* righ rail */
#rightRail {float:right; width:250px; }
fieldset.jcalendar {border:1px solid #A1A5A9;font:.9em Arial, Helvetica, sans-serif;}
div.jcalendar-selects {padding:.6em .4em;text-align:center;}
div.jcalendar-selects select {border:1px solid #A1A5A9;font-size:100%;}
div.jcalendar table {background:#a1a5a9;color:#000;margin:.3em auto;}
div.jcalendar table th {background:#eee;}
div.jcalendar table td {background:#f9f9f9;padding:0;width:2.2em;}
div.jcalendar table th.weekend {background:#ddd;}
div.jcalendar table td.weekend {background:#e9e9e9;}
div.jcalendar table td a {color:#333; display:block; line-height:1.7em; text-align:center; text-decoration:none; width:2.2em;}
div.jcalendar table td.today a { background:#777; border-color:#aaa; color:#fff; font-weight:700;}
div.jcalendar table td a:hover,div.jcalendar table td a:focus,div.jcalendar table td a:active {background:#77b0d3;color:#fff;padding:0;}
div.jcalendar table td a.selected {background:#0072b9;color:#fff;}
div.jcalendar-links {margin:.4em;text-align:center;}
div.jcalendar-links a {padding:.2em .4em;}
#rightRail .module {float:left; padding-bottom: 5px; width:100%;border: 1px solid #ccc; margin-bottom: 20px; background-color:#fff;
					border-radius: 8px;
					-webkit-border-radius:8px;
					-moz-border-radius: 8px; 
					-o-border-radius: 8px;
					-ms-border-radius: 8px; 					
					box-shadow: 0 0px 8px rgba(0,0,0,0.15) inset; 
					-webkit-box-shadow: 0 0px 8px rgba(0,0,0,0.15) inset; 
					-moz-box-shadow: 0 0px 8px rgba(0,0,0,0.15) inset;
					-ms-box-shadow: 0 0px 8px rgba(0,0,0,0.15) inset;
					-o-box-shadow: 0 0px 8px rgba(0,0,0,0.15) inset;}
#rightRail .module .calendar {margin:0;}
#rightRail .module .rrTitle1 {margin:10px; padding:10px 0; color:#7F9EB6; border-bottom:1px dotted #fff;font-size:16px;color:#000}
#rightRail .module .rrTitle {background-color: #6F9BAD; border-radius: 5px 5px 5px 5px; color: #FFFFFF; font-size: 1em; font-weight: bold; height: 22px; margin: 7px;    padding: 8px 10px 4px; text-decoration: none;text-transform: uppercase;}
#rightRail .module .rrContent{padding: 0 0 5px;}

/* support */
#rightRail .support .rrContent .phoneImg{float:left; margin: 10px 5px 5px 20px;}
#rightRail .support .rrContent .wrapperSupport {float:left; margin: 5px 0 7px}
#rightRail .support .rrContent .phoneNumber{font-size:16px; font-weight:bold;}
#rightRail .support .rrContent .monToSat {margin:4px 0 2px;}
#rightRail .support .rrContent .sunday{}
#rightRail .support .rrContent .yahoo,#rightRail .support .rrContent .skype{text-align:center; width:100%; margin-bottom:3px;}


/* related product */
#rightRail .module.related{}
#rightRail .related .item {padding:0 10px 4px; border-bottom:1px solid #ccc; display:block; margin-bottom:10px;}
#rightRail .related .item.last {border-bottom:none; margin-bottom:0;}
#rightRail .related  .item  a {color:#333; }
#rightRail .related  .item  a  h4{font-size:13px;}
#rightRail .related  .item img {margin:2px 0 0;}
#rightRail .related  .item .product-related-info {height:20px; padding:5px 5px 10px 5px; background: url(../images/static/bg-related-product.png) repeat-x center top;}
#rightRail .related  .item  .product-related-info  .product-true-price{font-size:19px; color:#5CB734; border-right:1px solid #939598; width:125px; float:left; font-weight:bolder;}
#rightRail .related  .item  .product-related-info  .product-sale-price{font-size:12px; text-decoration:line-through; float:right;}
